@import '../../../components';

.g-layout-sider {
  .fold {
    padding: 5px 24px;
    border-right: 1px solid $color-gray-light;
    border-bottom: 1px solid $color-gray-light;
    cursor: pointer;
    &-icon {
      font-size: $font-size-l;
      color: $color-blue;
      &-collapse {
        font-size: $font-size-l;
        color: $color-black;
      }
    }
    &-title {
      position: relative;
      top: -1px;
      margin-left: 10px;
      font-size: $font-size;
      &-collapse {
        display: none;
        width: 0;
      }
    }
    &-collapse {
      width: 80px;
      height: 34px;
      padding-top: 5px;
      padding-left: 33px;
      cursor: pointer;
    }
  }

  /******************************重写antd样式******************************/

  .ant-menu {
    height: calc(100% - 33px);
    overflow-x: hidden;
    overflow-y: auto;

    .ant-menu.ant-menu-sub.ant-menu-inline {
      overflow: hidden;
    }
  }

  .ant-menu-inline-collapsed {
    .anticon-caret-down,
    .anticon-caret-up {
      display: none;
    }
  }
}
